<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="shrotcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/pubic.css">
    <link rel="stylesheet" href="css/shop_list.css">
    <script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="clearfix">
            <ul class="clearfix">
                <li>欢迎来到侨力</li>
                <li><a href="#">请登录</a><a href="#">免费注册</a></li>
            </ul>
            <ol class="clearfix">
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的侨力<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#" class="current">侨力会员</a></li>
                <li><a href="#">收藏夹<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">客户服务<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">网站导航<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
            </ol>
        </div>
    </div>
    <div class="content clearfix">
        <a href="index.html" class="logo"><img src="img/logo.png" alt="logo.png"></a>
        <div class="search-box clearfix">
            <form action="#" method="post">
                <input type="text" name="search" placeholder="秋冬上衣">
                <input type="button" value="搜索" class="search">
                <a href="show-cart.html"><input type="button" value="我的购物车"></a>
            </form>
            <p><a href="#">冬季上衣</a>
                <a href="#">品牌女装</a>
                <a href="#">户外休闲</a>
                <a href="#">运动服</a>
                <a href="#">儿童休闲服</a>
                <a href="#">亲子装</a></p>
        </div>
    </div>
    <div class="bottom clearfix">
        <div class="sidebar">
            <div class="nav"><img src="img/classify.png" alt="classify.png">商品分类</div>
            <ul>
                <li class="brand clearfix">
                    <div class="left"><a href="#">品牌</a></div>
                    <div class="right"><a href="#">特步</a><a href="#">艾酷狼</a><a href="#">探路者</a></div>
                </li>
                <li class="woman clearfix">
                    <div class="left"><a href="#">女人</a></div>
                    <div class="right"><a href="#">职业装</a><a href="#">秋冬上衣</a><a href="#">衬衫</a><a href="#">卫衣</a><a href="#">运动装</a><a href="#">休闲裤</a></div>
                </li>
                <li class="man clearfix">
                    <div class="left"><a href="#">男人</a></div>
                    <div class="right"><a href="#">夹克</a><a href="#">卫衣</a><a href="#">针织衫</a><a href="#">t恤</a><a href="#">衬衫</a><a href="#">哈伦裤</a></div>
                </li>
                <li class="children clearfix">
                    <div class="left"><a href="#">儿童</a></div>
                    <div class="right"><a href="#">亲子装</a><a href="#">运动装</a><a href="#">t恤</a><a href="#">卫衣</a><a href="#">外套</a><a href="#">棒球衫</a></div>
                </li>
            </ul>
        </div>
        <ol class="note-brand clearfix">
            <li><a href="#">热卖2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-woman clearfix">
            <li><a href="#">女2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-man clearfix">
            <li><a href="#">男2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-children clearfix">
            <li><a href="#">儿童2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <div class="column">
            <a href="#">秒杀</a>
            <a href="#">优惠券</a>
            <a href="#">服装城</a>
            <a href="#">侨力会员</a>
        </div>
    </div>
</div>
<div class="center">
    <div class="title">当前位置：<span>秋冬上衣</span></div>
    <table>
        <tbody>
        <tr>
            <td class="tags">品牌：</td>
            <td><a href="#">特步</a></td>
            <td><a href="#">探路者</a></td>
            <td><a href="#">艾酷狼</a></td>
            <td><a href="#">稻草人</a></td>
            <td><a href="#">冈森</a></td>
            <td><a href="#">猫人</a></td>
            <td><a href="#">茵曼</a></td>
            <td><a href="#">欧芮儿</a></td>
            <td><a href="#">南极人</a></td>
            <td><a href="#">古今</a></td>
            <td class="more"><span>更多 <i>&lt;</i></span></td>
        </tr>
        <tr>
            <td class="tags">女装：</td>
            <td><a href="#">卫衣</a></td>
            <td><a href="#">外套</a></td>
            <td><a href="#">风衣</a></td>
            <td><a href="#">大衣</a></td>
            <td><a href="#">牛仔衣</a></td>
            <td><a href="#">毛衣</a></td>
            <td><a href="#">衬衫</a></td>
            <td><a href="#">针织衫</a></td>
            <td><a href="#">羽绒服</a></td>
            <td><a href="#">职业装</a></td>
            <td class="more"><span>更多 <i>&lt;</i></span></td>
        </tr>
        <tr>
            <td class="tags">男装：</td>
            <td><a href="#">T恤</a></td>
            <td><a href="#">卫衣</a></td>
            <td><a href="#">夹克</a></td>
            <td><a href="#">外套</a></td>
            <td><a href="#">羽绒服</a></td>
            <td><a href="#">大衣</a></td>
            <td><a href="#">衬衫</a></td>
            <td><a href="#">牛仔衣</a></td>
            <td><a href="#">针织衫</a></td>
            <td><a href="#">运动服</a></td>
            <td class="more"><span>更多 <i>&lt;</i></span></td>
        </tr>
        <tr>
            <td class="tags">尺码：</td>
            <td><a href="#">S</a></td>
            <td><a href="#">M</a></td>
            <td><a href="#">L</a></td>
            <td><a href="#">XL</a></td>
            <td><a href="#">2XL</a></td>
            <td><a href="#">XXXL</a></td>
            <td><a href="#">XS</a></td>
            <td><a href="#">XXS</a></td>
            <td><a href="#">均码</a></td>
            <td></td>
            <td class="more"><span>更多 <i>&lt;</i></span></td>
        </tr>
        </tbody>
    </table>
    <div class="sort">
        <span>综合排序：</span>
        <a href="#" class="volume">销量</a>
        <a href="#" class="price">价格</a>
        <input type="text" placeholder="&yen;"><i>-</i><input type="text" placeholder="&yen;">
    </div>
    <ul class="content clearfix" id="goods">
        <li>
            <a href="#" class="diagram"><img src="img/shop-1.png" alt="shop-1.png"></a>
            <a href="#" class="introduce">2017新款秋冬外套破边牛仔夹克</a>
            <div class="clearfix"><span>&yen; 199</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-2.png" alt="shop-2.png"></a>
            <a href="#" class="introduce">2017新款秋冬假两件宽松卫衣</a>
            <div class="clearfix"><span>&yen; 239</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-3.png" alt="shop-3.png"></a>
            <a href="#" class="introduce">2017新款秋冬超显腿直的直筒牛仔裤</a>
            <div class="clearfix"><span>&yen; 189</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-4.png" alt="shop-4.png"></a>
            <a href="#" class="introduce">2017新款秋冬卡其A字半身裙</a>
            <div class="clearfix"><span>&yen; 228</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-5.png" alt="shop-5.png"></a>
            <a href="#" class="introduce">2017新款秋冬马海毛毛衣</a>
            <div class="clearfix"><span>&yen; 179</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-6.png" alt="shop-6.png"></a>
            <a href="#" class="introduce">2017新款秋冬格子西服套装</a>
            <div class="clearfix"><span>&yen; 299</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-7.png" alt="shop-7.png"></a>
            <a href="#" class="introduce">2017新款秋冬短款连帽棉服</a>
            <div class="clearfix"><span>&yen; 358</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-8.png" alt="shop-8.png"></a>
            <a href="#" class="introduce">2017新款条纹针织半身裙</a>
            <div class="clearfix"><span>&yen; 199</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-9.png" alt="shop-9.png"></a>
            <a href="#" class="introduce">2017新款九分阔腿裤毛边牛仔裤</a>
            <div class="clearfix"><span>&yen; 189</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-10.png" alt="shop-10.png"></a>
            <a href="#" class="introduce">2017新款喇叭袖针织衫</a>
            <div class="clearfix"><span>&yen; 228</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-11.png" alt="shop-11.png"></a>
            <a href="#" class="introduce">2017连帽可拆 飞行员夹克</a>
            <div class="clearfix"><span>&yen; 299</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-12.png" alt="shop-12.png"></a>
            <a href="#" class="introduce">2017新款军绿长款加厚棉服</a>
            <div class="clearfix"><span>&yen; 368</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-13.png" alt="shop-13.png"></a>
            <a href="#" class="introduce">2017冬季新款短款闺蜜款连帽棉服</a>
            <div class="clearfix"><span>&yen; 359</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-14.png" alt="shop-14.png"></a>
            <a href="#" class="introduce">2017冬季新款宽松休闲卫衣</a>
            <div class="clearfix"><span>&yen; 169</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-15.png" alt="shop-15.png"></a>
            <a href="#" class="introduce">2017冬季新款情侣款小黄帽风衣</a>
            <div class="clearfix"><span>&yen; 289</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-16.png" alt="shop-16.png"></a>
            <a href="#" class="introduce">2017冬季新款长袖撞色针织衫</a>
            <div class="clearfix"><span>&yen; 159</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-17.png" alt="shop-17.png"></a>
            <a href="#" class="introduce">冬季新款短款连帽棉服</a>
            <div class="clearfix"><span>&yen; 359</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-18.png" alt="shop-18.png"></a>
            <a href="#" class="introduce">2017秋冬季新款长款牛仔风衣</a>
            <div class="clearfix"><span>&yen; 188</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-19.png" alt="shop-19.png"></a>
            <a href="#" class="introduce">2017秋冬季新款假两件宽松卫衣</a>
            <div class="clearfix"><span>&yen; 219</span><i>浙江 嘉兴</i></div>
        </li>
        <li>
            <a href="#" class="diagram"><img src="img/shop-20.png" alt="shop-20.png"></a>
            <a href="#" class="introduce">2017秋冬季新款破边牛仔夹克</a>
            <div class="clearfix"><span>&yen; 209</span><i>浙江 嘉兴</i></div>
        </li>
    </ul>
    <div class="bottom">
        <span>关键词搜索：</span>
        <a href="#">秋装女</a>
        <a href="#">卫衣</a>
        <a href="#">外套</a>
        <a href="#">风衣</a>
        <a href="#">棉衣</a>
        <a href="#">牛仔衣</a>
        <a href="#">毛衣</a>
        <a href="#">针织衫</a>
        <a href="#">羽绒服</a>
        <a href="#">套装</a>
    </div>
    <div class="paginator">
        <span class="on">1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <i class="break">...</i>
        <span>99</span>
        <em>></em>
    </div>
</div>
<div class="footer">
    <div class="top">
        <a href="#">关于侨力</a>
        <a href="#">帮助中心</a>
        <a href="#">开放平台</a>
        <a href="#">联系我们</a>
        <a href="#">网站合作</a>
        <a href="#">法律声明及隐私权政策</a>
    </div>
    <div class="bottom">
        <span>湘ICP证08026629号</span>
        <span>Copyright ©2008 [使用者网站] Powered By [网站程序名称] Version 1.0.0</span>
    </div>
</div>
</body>
</html>
<script src="js/shop_list.js"></script>